<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        span {
            width: 100px;
            height: 100px;
            background-color: pink;
        }
    </style>
</head>

<body>
    <!-- 常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>,<ins>、<UI>、<span>等，其中<span>标签是最典型的行内元素。有的地方也将行内元素称为内联元素。
        行内元素的特点︰
        1.相邻行内元素在一行上，一行可以显示多个。
        2.高、宽直接设置是无效的。
        3.默认宽度就是它本身内容的宽度。
        4.行内元素只能容纳文本或其他行内元素。 -->

    <span>1111111111111</span>
    <strong>222222222222</strong>
    <span>3333333333333</span>
    <strong>444444444444</strong>

    <!-- 注意:
        1.链接里面不能再放链接
        2.特殊情况链接<a>里面可以放块级元素，但是给<a>转换一下块级模式最安全 -->

</body>

</html>